import styles from './login.less'
import React from 'react'
import { Icon } from 'antd'
import ProLayout, { DefaultFooter } from '@ant-design/pro-layout';

import LoginForm from './loginForm'

const defaultFooterDom = (
  <DefaultFooter
    copyright="2019 蚂蚁金服体验技术部出品"
    links={[
      {
        key: 'Ant Design Pro',
        title: 'Ant Design Pro',
        href: 'https://pro.ant.design',
        blankTarget: true,
      },
      {
        key: 'github',
        title: <Icon type="github" />,
        href: 'https://github.com/ant-design/ant-design-pro',
        blankTarget: true,
      },
      {
        key: 'Ant Design',
        title: 'Ant Design',
        href: 'https://ant.design',
        blankTarget: true,
      },
    ]}
  />
);
export default class Login extends React.Component {

  render() {
    return (
      <div className={styles.content}>
        <div className={styles.loginbg}>
          <div className={styles.loginbox}>
            <h3><img src="http://www.vrmmog.com/statics/logo.png" alt="logo" />
            <span>Phoenix Login</span></h3>
            <p>Phoenix Online Software as a Service </p>
            <LoginForm />
          </div>
        </div> {defaultFooterDom}
        <div className={styles.cnopyright}>
          <p>Copyright 沪ICP备16022139号-5</p>
          <p>
            <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011002003682">
              <img alt="" src="./images/filingNum.jpg" />
              <span>沪公网安备 31011002003682号</span>
            </a>
          </p>
        </div>
      </div>
    )
  }
}